@charset "UTF-8";
#header{width:100%;z-index:998;background:#ffffff;left:0; top:0px; padding:10px 0 5px 0;}
#logo{width:330px;height:50px;float:left;display:block;}
#logo a{width:330px;height:50px;float:left;display:block;position:absolute;z-index:1000}
#header .top_right{ float:right;}
#header .top_right .top_link{ text-align:right;}
#header .top_right .top_link a{ color:#333; margin-left:5px; line-height:20px;}
#header .top_right .top_link a:hover{ color:#0b419b;}
/*.language_web{ background:url(../images/dq_icon.png) no-repeat left center; padding-left:20px;}
.china_web{ background:url(../images/d_icon.png) no-repeat left center; padding-left:15px;}*/
.china_web{padding-left:15px; float:left;margin-top:2px;font-size:14px;color:#333;}

#rnav{float:right;margin-top:28px;}
#rnav a{ padding:5px 15px 5px 15px; line-height:20px; border:1px solid #fff; border-radius:3px;display:block;text-align:center;font-size:12px;color:#fff;margin-left:4px;float:left;-webkit-text-size-adjust:none;}
#rnav a#ractive{background:#c6c6c6;color:#fff;}


#ind_box01{ width:100%; margin:0px auto; clear:both; background: url(../images/x.png) repeat-x  bottom #04131d; font-size:14px; line-height:30px;}
.hot_gjz{ height:30px; float:left; padding:15px; width:60%; max-width:685px;  line-height:30px; overflow:hidden;}
.hot_gjz b{ border-left:5px solid #129ecf; padding-left:10px; font-weight:normal; font-size:16px;  float:left; color:#fff;}
.hot_gjz a{ float:left; color:#999; margin-right:15px; font-size:13px;}
.hot_gjz a:hover{ color:#fff;}
.hot_gjz a i{ font-style:normal; margin-left:20px;}
.hot_gjz span{ float:left; color:#e07d13; margin-right:15px;}

/*--搜索--*/
/*#ss_box{ width:240px; height:34px;float:right;font-family: "Microsoft YaHei"; margin-top:5px; background:#fff;overflow:hidden; float:right;}*/
#ss_box{ width:340px; height:26px;float:right;font-family: "Microsoft YaHei"; margin-top:5px; background:#fff;overflow:hidden; float:right;}
/*#ss_box .ss_input{ width:180px; float:right; height:28px; line-height:30px; vertical-align:middle; padding-left:5px;font-size:12px; color:#999;font-family: "Microsoft YaHei";resize:none;border:none;outline:none; border:1px solid #999;border-radius:3px 0px 0px 3px; border-right:0px;}*/
#ss_box .ss_input{ width:150px; float:right; height:20px; line-height:22px; vertical-align:middle; padding-left:5px;font-size:12px; color:#999;font-family: "Microsoft YaHei";resize:none;border:none;outline:none; border:1px solid #999;border-radius:3px 0px 0px 3px; border-right:0px;}

#ss_box .ss_input:hover{ color:#999; } 
#ss_box .ss_an{width:40px; height:22px; line-height:22px;background:#0b419b; border-radius:0 3px 3px 0; float:right; border:none; cursor:pointer; color:#fff;font-family:"Microsoft YaHei"; font-size:12px;}

.head-v3{position:relative;z-index:8999; width:100%; border-top:1px solid #ddd;}
.head-v3 .navigation-inner{margin:0 auto;position:relative;max-width:1200px;}
.navigation-up{height:50px;background:#fff; border-bottom:3px solid #0b419b;}
.navigation-up .navigation-v3{float:left;_margin-left:10px}
.navigation-up .navigation-v3 ul{float:left}
.navigation-up .navigation-v3 li{float:left;font:normal 16px/50px "microsoft yahei";color:#333;background:url(../images/nav_x.png) no-repeat center right;}
.navigation-up .navigation-v3 .nav-up-selected{background:#eee; border-bottom:3px solid #ff7800;}
.navigation-up .navigation-v3 .nav-up-selected a{ color:#333;}
.navigation-up .navigation-v3 .nav-up-selected-inpage{background:#245dba}
.navigation-up .navigation-v3 .nav-up-selected-inpage a{ color:#fff;}
.navigation-up .navigation-v3 li h2{font-weight:normal;padding:0;margin:0; }
.navigation-up .navigation-v3 li h2 a{padding:0 65px;color:#333;display:inline-block;height:50px;font-family:"microsoft yahei"}
.home{ background:url(../images/home01.png) no-repeat 45px center; text-indent:10px;} 
.navigation-up .navigation-v3 .nav-up-selected-inpage .home{ background:url(../images/home02.png) no-repeat 45px  center;}

.navigation-down{position:absolute;top:53px;left:0px;width:100%;}
.navigation-down .nav-down-menu{width:100%;margin:0;background:url(../img/btm90.png);position:absolute;top:0px;}

.nav_xlbox{width:98%;max-width:1200px;  margin:40px auto; text-align:left;}
.nav_xlbox .picd{ float:left; max-width:300px; width:30%;}
.nav_xlbox .infod{ float:left; width:30%; margin-left:3%;}
.nav_xlbox .infod .itd{ margin-bottom:15px;}
.nav_xlbox .infod .itd h3{ color:#0b419b;font-weight:normal;height:15px;font-size:16px; line-height:15px; margin:0px; padding:0px;font-family:"microsoft yahei"}
.nav_xlbox .infod .itd h2{ color:#999; font-weight:normal; font-size:12px; margin-bottom:15px; font-family:Arial, Helvetica, sans-serif; margin-top:5px;}
.nav_xlbox .infod .itd p{ color:#fe4c10; font-size:16px; margin:0px; padding:0px; font-weight:bold;}
.nav_xlbox .infod .dep{ font-size:12px; color:#888; line-height:20px;}
.nav_xlbox .linkd{ float:right; width:25%;}
.nav_xlbox .linkd a{ color:#333; display:block; font-size:14px; height:40px; line-height:40px; border-bottom:1px solid #ddd; width:100%; background:url(../images/jtr2.png) no-repeat center right;}
.nav_xlbox .linkd a:hover{ color:#ff7900;}


.product_w1200_center{ width:98%; max-width:1200px; margin:auto; height:350px; overflow:hidden; clear:both;}
.pro_xl_bt{ width:16%; float:left; padding:45px 0 30px 0;}
.pro_xl_bt h3{ color:#0b419b;font-weight:normal;height:15px;font-size:18px; line-height:15px; margin:0px; padding:0px;font-family:"microsoft yahei"}
.pro_xl_bt h2{ color:#999; font-weight:normal; font-size:12px; margin-bottom:15px; font-family:Arial, Helvetica, sans-serif; margin-top:10px;}
.pro_xl_bt span.x{ background:#0b419b; height:3px; width:40px; display:block; margin-top:20px;}
.pro_xl_bt .scene_more{ display:block; border:1px solid #0b419b; text-align:center; color:#0b419b; width:100px; height:35px; line-height:35px; border-radius:3px; margin-top:30px;transition: all 0.5s; clear:both;}
.pro_xl_bt .scene_more span{ font-family:'Simsun'; font-weight:bold;}
.pro_xl_bt .scene_more:hover{ background:#0b419b; color:#fff;}
.pro_xl_bt .scene_more02 img{ float:none; margin-top:20px;}

/* 本例子css */

.outBox{ width:84%; text-align:left; float:left;}
.outBox .hd{ line-height:40px; padding:0px; border-right:1px solid #ddd; border-left:1px solid #ddd;  position:relative; width:27%; float:left;  padding:30px 0 30px 0; overflow:hidden;height:320px; }
.outBox .hd ul{ padding:0 30px 0 30px;}
.outBox .hd ul li{ padding:0px; cursor:pointer; font-size:14px; }
.outBox .hd ul li a{ color:#333; display:block;}
.outBox .hd ul li.on a{ color:#0b419b; background:url(../images/xl_navicon01.png) no-repeat right center;  }

.inBox{ padding:0px 0px 0 0px; float:left; width:72%; height:350px; overflow:hidden; }
.inBox .inHd{line-height:40px;padding:30px 0; width:35%; float:left; border-right:1px solid #ddd; height:350px;}
.inBox .inHd ul{ overflow-y:scroll; zoom:1;padding:0 30px 0 30px;height:330px; position:relative;}
.inBox .inHd ul::-webkit-scrollbar {width:3px;height:10px;}
.inBox .inHd ul::-webkit-scrollbar-button    {background-color:#fff; display:none;}
.inBox .inHd ul::-webkit-scrollbar-track     {background:none;}
.inBox .inHd ul::-webkit-scrollbar-track-piece {background:none;}
.inBox .inHd ul::-webkit-scrollbar-thumb{background:#0b419b;border-radius:5px;}
.inBox .inHd ul::-webkit-scrollbar-corner {background:#82AFFF;}
.inBox .inHd ul::-webkit-scrollbar-resizer  {background:#FF0BEE;}


.inBox .inHd ul li{ height:40px;text-align:left; cursor:pointer; font-size:14px; overflow:hidden;}
.inBox .inHd ul li a{ color:#333; display:block;}
.inBox .inHd ul li.on a{ color:#0b419b; background:url(../images/xl_navicon01.png) no-repeat right 15px; }

.inBox .inBd{ width:64%; float:left;}
.inBox .inBd dl{ padding:0px 30px;zoom:1; overflow:hidden;  height:350px;   }
.inBox .inBd dl dd{ float:left; width:55%; border-right:1px solid #ddd; height:290px; padding:30px 0; overflow-y:scroll;}
.inBox .inBd dl dd::-webkit-scrollbar {width:3px;height:10px;}
.inBox .inBd dl dd::-webkit-scrollbar-button    {background-color:#fff; display:none;}
.inBox .inBd dl dd::-webkit-scrollbar-track     {background:none;}
.inBox .inBd dl dd::-webkit-scrollbar-track-piece {background:none;}
.inBox .inBd dl dd::-webkit-scrollbar-thumb{background:#0b419b;border-radius:5px;}
.inBox .inBd dl dd::-webkit-scrollbar-corner {background:#82AFFF;}
.inBox .inBd dl dd::-webkit-scrollbar-resizer  {background:#FF0BEE;}


.inBox .inBd dl dt{ float:right; width:34%;padding:30px 0 0 10%;}

.inBox .inBd dl dd li{ height:40px; line-height:40px; overflow:hidden;  padding-right:25px; }
.inBox .inBd dl dd li a{ color:#333;display:block; padding-right:20px;overflow:hidden; }
.inBox .inBd dl dd li a:hover{ color:#0b419b;background:url(../images/xl_navicon01.png) no-repeat right 15px; }

.inBox .inBd dl dt.xl_hot .hotbt{ height:20px; line-height:20px; font-size:16px; color:#333; border-left:3px solid #0b419b; padding-left:10px; margin-bottom:25px; font-weight:normal; margin-top:10px;}
.inBox .inBd dl dt.xl_hot a{ color:#333; text-align:left;}
.inBox .inBd dl dt.xl_hot a img{ width:100%; float:none; margin-bottom:10px;}
.inBox .inBd dl dt.xl_hot a b{ display:block; text-align:left; height:25px; line-height:25px; overflow:hidden;}
.inBox .inBd dl dt.xl_hot a span{ color:#999; line-height:20px; display:block; height:40px; line-height:20px; overflow:hidden;}


.navministyle{display:none;position:absolute;width:100%;height:100%;right:0;top:0;}
#m_nav{width:31px;height:30px;background:url(../images/list.png);display:block;margin-top:15px;margin-right:10px;float:right;position:relative;z-index:999}
#m_ss{width:31px;height:30px;display:none;margin-top:15px;margin-right:10px;float:right;position:relative;z-index:999}
#m_hy{height:30px;margin-top:20px;margin-right:10px;float:right;position:relative;z-index:999}
#m_hy a{ color:#fff;  border:1px solid #0b419b; padding:3px 5px; border-radius:3px; background:#0b419b; margin-left:5px;}

#wap_nav_l{ z-index:9999;clear:both;  width:100%;z-index:10;background:#0b419b;opacity:1;text-align:center; position:absolute; top:60px; z-index:99999; -webkit-box-shadow: 0 6px 8px rgba(0,0,0,.21);-moz-box-shadow: 0 6px 8px rgba(0,0,0,.21);box-shadow: 0 6px 8px rgba(0,0,0,.21);}

#wap_nav_l li{width:100%;height:40px;line-height:80px;border-top:#2767d3 1px solid; clear:both;}
#wap_nav_l li a{display:block;line-height:40px;color:#fff;text-align:center;}
#wap_nav_l li.active a{color:#fff;background:#129ecf}
#wap_nav_l li a:hover{ background:#1e5ec8;}


/*--手机屏下拉显示 搜索框--*/
#search{ clear:both; padding:2%; width:96%;z-index:10;background:#0b419b;opacity:1;text-align:center; position:absolute; top:60px; z-index:99999; -webkit-box-shadow: 0 6px 8px rgba(0,0,0,.21);-moz-box-shadow: 0 6px 8px rgba(0,0,0,.21);box-shadow: 0 6px 8px rgba(0,0,0,.21);}
#search .ss_input{outline:none; border:0px none; width:99%; background:#fff; height:35px; line-height:35px;padding-left:1%;}
#search .ss_an{ float:right; position:relative; margin-top:-35px; height:35px; width:60px; background:#ff7800; border:none; cursor:pointer; color:#fff; border-radius:0px;}
#search .ss_an:hover{ background:#f60;}


@media only screen and (max-width:1199px){
.navigation-up .navigation-v3 li h2 a{padding:0 55px;color:#333;display:inline-block;height:50px;font-family:"microsoft yahei"}
.home{ background:url(../images/home01.png) no-repeat 35px center; text-indent:10px;} 
.navigation-up .navigation-v3 .nav-up-selected-inpage .home{ background:url(../images/home02.png) no-repeat 35px  center;}
}

@media only screen and (max-width:1100px){
.navigation-up .navigation-v3 li h2 a{padding:0 35px;color:#333;display:inline-block;height:50px;font-family:"microsoft yahei"}
.home{ background:url(../images/home01.png) no-repeat 25px center; text-indent:10px;} 
.navigation-up .navigation-v3 .nav-up-selected-inpage .home{ background:url(../images/home02.png) no-repeat 25px  center;}
}
	
@media only screen and (max-width:920px){
.navigation-up .navigation-v3 li h2 a{padding:0 30px;color:#333;display:inline-block;height:50px;font-family:"microsoft yahei"}
.product_w1200_center{ width:98%; max-width:1200px; margin:auto; height:auto; overflow:hidden; padding-bottom:30px;}
.pro_xl_bt{ width:100%; float:left; padding:45px 0 30px 0;}
.pro_xl_bt h3{ color:#0b419b;font-weight:normal;height:15px;font-size:18px; line-height:15px; margin:0px; padding:0px; }
.pro_xl_bt h2{ color:#999; font-weight:normal; font-size:12px; margin-bottom:15px; font-family:Arial, Helvetica, sans-serif; margin-top:10px; ;}
.pro_xl_bt span.x{ background:#0b419b; height:3px; width:40px; display:block; margin-top:20px;}
.pro_xl_bt .scene_more{ display:block; border:1px solid #0b419b; text-align:center; color:#0b419b; width:100px; height:35px; line-height:35px; border-radius:3px; margin-top:50px;transition: all 0.5s; float:right; margin-top:-50px;}
.pro_xl_bt .scene_more span{ font-family:'Simsun'; font-weight:bold;}
.pro_xl_bt .scene_more:hover{ background:#0b419b; color:#fff;}

.outBox{ width:105%; text-align:left; float:none; clear:both; border-top:1px solid #ddd; border-left:none;overflow:hidden; padding-top:20px;}
.outBox .hd{ width:35%;border-left:none;}
.inBox{ width:64%;}
.inBox .inHd{width:50%;}
.inBox .inBd{ width:49%; float:left;}
.inBox .inBd dl dd{ float:left; width:100%; border-right:1px solid #ddd; height:330px; padding:30px 0; overflow:hidden;}
.inBox .inBd dl dt.xl_hot{ display:none;}


}

@media only screen and (max-width:780px){
.navigation-up .navigation-v3 li h2 a{padding:0 15px;}
.home{ background:url(../images/home01.png) no-repeat 15px center; text-indent:10px;} 
.navigation-up .navigation-v3 .nav-up-selected-inpage .home{ background:url(../images/home02.png) no-repeat 15px  center;}

	
#header{ padding:5px 0 5px 0; position:fixed;}
.navministyle ,#cnavmini{display:block;}
.top_right,.head-v3{ display:none;}
.flicker-example{ padding-top:60px;}


}
@media only screen and (max-width:690px){
.navigation-up .navigation-v3 li h2 a{padding:0 20px;}
.home{ background:url(../images/home01.png) no-repeat 5px center; text-indent:10px;}
.navigation-up .navigation-v3 .nav-up-selected-inpage .home{ background:url(../img/home02.png) no-repeat 10px  center;}

}

@media only screen and (max-width:600px){
.navigation-up .navigation-v3 li h2 a{padding:0 15px;}
.home{ background:url(../images/home01.png) no-repeat 5px center; text-indent:10px;}
.navigation-up .navigation-v3 .nav-up-selected-inpage .home{ background:url(../img/home02.png) no-repeat 10px  center;}

#logo{width:145px;height:50px;float:left;display:block;}
#logo a{width:145px;height:50px;float:left;display:block;position:absolute;z-index:1000}
.logo02{ display:none;}

.wx{display:none;}
}